body {background-color: #e1dfdf; opacity 0.75}
div.maindiv {border:none 1px #7c6e6e;
background-color: #b2aeae;
opacity: 75%;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
padding-left:25px;
padding-right:25px;
padding-top:5px;
padding-bottom:5px; }

.month{cursor:pointer}
div.noborder {border: 0px;}
ul:hover {cursor:pointer;}
li:hover {cursor:hand;}
.hovertoggle {border:none 1px #e1dfdf;
background-color: #b2aeae;
opacity: 0.75;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
padding-left:5px;
padding-right:5px;
}

table.monthtable td {width: 90px; height: 90px;vertical-align: top;}
table.monthtable th {background-color: black; color: white; height: 50px}
.daynumber {align:left; font-weight:bold}
td.day {background-color: gray}
td.weekend {background-color: #585858}
td.day_set {background-color: green}
div.centered {position:relative; left: 30%; font-size: 120%; font-weight: bold}
.lit {opacity: 0.7;}
.rowlit {background:gray;}
.legal {font-size: 70%; color: gray}
.logo {position: absolute; top:0px;left:0px}
#logoutform {margin-left: 50px;}
#loadinfo {position:absolute; top:20px;left:50%;
border:solid 5px #E2C156;
background-color: #E2C156;
opacity: 0.75;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
padding-left:5px;
padding-right:5px;
 }
 
.loading{display:auto}
.looaded{display:none}
#changejob{display:none}
#settings{display:none}
#loadtext{font-weight: bold; font-size: 120%;vertical-align:center}
#settings_dialog{font-size: 70%; cursor: pointer; color: blue;}

#right {float:left; border: none; opacity: 0.75;background-color: #e1dfdf; position:absolute;left: 460px;}
#tree {
}
#treecontainer {width:450px;
height:670px;
float: left;
position:absolute; top:105px; left:5px}
#leftdiv {width:400px;
float: left;
position:absolute; top:10px; left:5px}
#menu {width: 1000px}
#loginfo {min-height: 80px}
#jobmenu {}
#datepick {height:50px;width:400px; float:left}
#attendance {height:50px;width:450px; float:left}
#thisjob_holder {}
#info {height: 0px; border: 0px none; display: none}
#jobpicker {width: 800px}
#mainview {height: 400px; overflow: auto}
#jobname {width: 400px}
#fromtime,#totimetd,#durationtime {width: 70px}
#namejob {width: 500px}
#noteedit {width: 200px}
#loginform{margin-left:auto;margin-right:auto;position:relative; top: 250px; width: 200px; }


.delete {font-size: 70%; cursor: pointer; color: red;}
.note {font-size: 80%; cursor: pointer; color: black; font-weight:bold}
.separator {height: 5px; border: none; background-color: #e1dfdf; opacity: 0.75; padding-top:0px;
padding-bottom:0px; z-index: -6}
.insider {height: 5px; border: none; background-color: #b2aeae; opacity: 75%; padding-top:0px;
padding-bottom:0px; z-index: -6}

.left {float:left}
.right {float:right}
.vertcenter {vertical-align: middle}
.invisible {background-color: WHITE;
opacity: 1;}

.explain {font-size: 60%;  color: GREEN;}
#duration {width: 50px; }
#from,#to {width: 40px; }
.p_inline {display: inline;}
#computeattend {font-size: 70%; cursor: pointer; color: BLUE;}
#job_menu,#picker,#thisjob_holder {background-color: #786d6d}


html { font-family: arial; font-size: 14px }
#ui-datepicker-div { font-size: 12px; }

.myinputstyle {
	border: 1px solid WHITE;
	/** remember to change image path **/
	background: url(none) no-repeat #919b9c;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: BLACK;
}



/** 
*  You can use this style for your INPUT, TEXTAREA, SELECT elements 
*  for onmousehover event
**/
.myinputstyle:hover {
	border: 1px solid #bfc5c5;
	/** remember to change image path **/
	background: url(none) no-repeat #bfc5c5;
	color: #454743;
}



